<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{common/common::common_head(~{::title},~{},~{})}">
	<title>牛客网-操作结果</title>
</head>
<body class="bg-white">
	<div class="nk-container">
		<!-- 头部 -->
		<header class="bg-dark sticky-top" th:replace="~{common/common::common_header}"></header>

		<!-- 内容 -->
		<div class="main">
			<div class="container mt-5">
				<div class="jumbotron">
					<p class="lead" th:text="${msg}">您的账号已经激活成功,可以正常使用了!</p>
					<hr class="my-4">
					<p>
						系统会在 <span id="seconds" class="text-danger">8</span> 秒后自动跳转,
						您也可以点此 <a id="target" th:href="@{${target}}" class="text-primary">链接</a>, 手动跳转!
					</p>
				</div>
			</div>
		</div>

		<!-- 尾部 -->
		<footer class="bg-dark" th:replace="~{common/common::common_footer}"></footer>
	</div>

	<div th:replace="~{common/common::common_js(~{::script})}">
		<script>
			$(function(){
				setInterval(function(){
					var seconds = $("#seconds").text();
					$("#seconds").text(--seconds);
					if(seconds == 0) {
						location.href = $("#target").attr("href");
					}
				}, 1000);
			});
		</script>
	</div>
</body>
</html>
